<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8">

    <title>Userworks</title>

    <link rel="stylesheet" href="./css/userwork.css" media="screen" type="text/css" />
    <link href="./bootstrap-3.3.7-dist/css/bootstrap.min.css" rel=" stylesheet">
    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <style th:include="include/footer :: style"></style>
    <style th:include="include/navstyle :: styletwo"></style>

</head>

<body>
<header>
    <nav th:include="include/navstyle :: nav"></nav>
    <span id="content" th:text="${name}" style="color: #0f0f0f;"></span>
</header>
<section>
    <div class="clearfix">
        <button class="select">&nbsp;</button>
            <form action="" id="form" enctype="multipart/form-data">
                <input type="submit" value="删除" class="btn btn-danger" onclick="btnonclick()">
            </form>
        <button class="send " data-counter="0">&#10004;</button>
    </div>
    <ul>
        <li><img th:src="@{${filename0}}" onerror="src='./image/imgbackground.png';"></li>
        <li><img th:src="@{${filename1}}" onerror="src='./image/imgbackground.png';"></li>
        <li><img th:src="@{${filename2}}" onerror="src='./image/imgbackground.png';"></li>
        <li><img th:src="@{${filename3}}" onerror="src='./image/imgbackground.png';"></li>
        <li><img th:src="@{${filename4}}" onerror="src='./image/imgbackground.png';"></li>
        <li><img th:src="@{${filename5}}" onerror="src='./image/imgbackground.png';"></li>
        <li><img th:src="@{${filename6}}" onerror="src='./image/imgbackground.png';"></li>
        <li><img th:src="@{${filename7}}" onerror="src='./image/imgbackground.png';"></li>
    </ul>
    <script src="./js/userwork.js"></script>

</section>

<footer th:include="include/footer :: footer"></footer>
</body>

</html>